<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head th:replace="~{fragments/header :: header}">
    <meta charset="UTF-8">
    <title>index</title>
</head>
<body>
    <!--<img src="../../img/avatar.jpg" alt=""  width="100px" height="100px">-->
    <!--Page Content-->
    <div class="container blog-content-container">
        <div class="row">
            <!--Blog Entries Column-->
            <div class="col-md-8">
                <!--Blog Post-->
                <div class="card mb-4">
                    <div class="card-block">
                        <h2 class="card-title">
                            <span>
                                <a href="" th:title="aqie" title="">
                                    <img src="../../img/avatar.jpg" th:src="@{/img/avatar2.jpg}" alt="" class="blog-avatar-50" th:alt="aqie">
                                </a>
                            </span>
                            <a href="" class="card-link" title="">
                                Article Title
                            </a>
                        </h2>
                        <p class="card-text">
                            使用 OAuth 2.0 认证的的好处是显然易见的。你只需要用同一个账号密码，就能在各个网站进行访问，而免去了在每个网站都进行注册的繁琐过程。 本文将介绍
                            OAuth 2.0 的原理，并基于 Spring Security 和 GitHub 账号，来演示 OAuth 2.0 的认证的过程。
                        </p>
                        <div class="card-text">
                            <a href="" class="card-link"></a>
                            <i class="fa fa-eye" aria-hidden="true">read number</i>
                            <i class="fa fa-heart-o" aria-hidden="true">collection</i>
                            <i class="fa fa-comment-o" aria-hidden="true">comment number</i>
                        </div>
                    </div>
                </div>
            </div>

            <!--Right Column-->
            <div class="col-md-4">
                <div>
                    <!--Hot Tag-->
                    <div class="card my-4"></div>
                    <!--Hot User-->
                    <div class="card my-4"></div>
                    <!--Hot Article-->
                    <div class="card my-4"></div>
                    <!--Recent Release-->
                    <div class="card my-4"></div>
                </div>
            </div>
        </div>
    </div>

    <div th:replace="~{fragments/footer :: footer}">...</div>
</body>
</html>